<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>酷瓜网</title>
        <link href="style.css" media="all" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div class="page_header">
            <div class="header_top">
                <div class="container_12">
                    <ul class="horizontal-list helper">
                        <li class="link">
                            <a href="/signup">注册</a>
                        </li>
                        <li class="separator">
                            | 
                        </li>
                        <li class="link">
                            <a href="/login">登陆</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="container_12 clr">
                <div class="grid_6">
                    <div class="logo">
                        <a href="/"><img src="../public/images/logo_base.png" /></a>
                    </div>
                    <div class="main_nav">
                        <a href="/login">个人主页</a>
                        |<a href="/explore">建议</a>
                        |<a href="/start">小组</a>
                        |<a href="/start">日记</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Context start  -->
        <div class="background">
            <div class="container_12 clearfix content">
                <div class="grid_12 ">
                    <div class="login_panel clearfix">
                        <h2>用户登陆</h2>
                        <form action="" method="post">
                            <div class="overlabelable">
                                <label for="login_user_username" class="overlabel">
                                    	用户名
                                </label>
                                <input class="text" id="login_user_username" name="login_user[username]" size="30" type="text" />
                            </div>
                            <div class="overlabelable">
                                <label for="login_user_password" class="overlabel">
                                    	密码
                                </label>
                                <input class="password" id="login_user_password" name="login_user[password]" size="30" type="password" />
                            </div>
                            <p class="forgot_password">
                                <a href="/forgot_password">忘记密码?</a>
                            </p>
                            <div class="submit">
                                <input class="button submit" data-disabled="Sending.." id="login_user_submit" type="submit" value="登陆" />
                            </div>
                        </form>
                    </div>
                    <div class="services_intro clearfix">
                        <h2>在这里，你可以</h2>
                        <ul>
                            <li>
                               		 分享你初为人父母的喜悦.
                            </li>
                            <li>
                                	把你的建议分享给你的朋友,让Baby更健康的成长.
                            </li>
                            <li>
                               		 发现宝宝成长过程中面临的问题.
                            </li>
                        </ul>
                    </div>
                    <div class="support">
                        <p class="signup">
                            		没有酷瓜上的账号?  点击<a href="/signup"> 这里 </a>注册
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
